﻿@using NPOI.SS.Formula.Functions
@model AFT.Parking.Entity.SecurityRecord

@{
    ViewBag.Title = Model.TitleName;
    Layout = null;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>安全信息</title>
    <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <style>
        html, body, div, span, applet, object, iframe,
        h1, h2, h3, h4, h5, h6, p, blockquote, pre,
        a, abbr, acronym, address, big, cite, code,
        del, dfn, em, img, ins, kbd, q, s, samp,
        small, strike, strong, sub, sup, tt, var,
        b, i, u, center,
        dl, dt, dd, ol, ul, li,
        fieldset, form, label, legend,
        table, caption, tbody, tfoot, thead, tr, th, td,
        article, aside, canvas, details, embed, fieldset,
        figure, figcaption, footer, header, hgroup,
        menu, nav, output, ruby, section, summary,
        time, mark, audio, video {
            margin: 0;
            padding: 0;
            border: 0;
        }

        ol, ul, li {
            list-style: none;
        }


        html {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            font-family: 'STHeiti','Microsoft YaHei',Helvetica,Arial,sans-serif;
            /* 1 */
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
            /* 2 */
            -webkit-text-size-adjust: 100%;
            /* 2 */
            font-size: 50px;
        }




        body {
            color: #000;
            background-color: rgba(255, 255, 255, 0.8);
            width: 7.5rem;
            font-size: 0.32812rem;
            max-width: 1080px;
            margin: 0 auto;
        }

        h1, h2, h3 {
            font-size: 0.375rem;
        }

        h4, h5, h6 {
            font-size: 0.30469rem;
        }


        .p-clear-fix:after {
            content: "";
            display: block;
            height: 0;
            line-height: 0;
            visibility: hidden;
            clear: both;
        }



        header {
            height: 0.96094rem;
            line-height: 0.96094rem;
            padding: 0 0.14062rem;
            margin-bottom: 0.11719rem;
            color: #ff6600;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        }



        h1 {
            font-size: 0.46rem;
            font-weight: normal;
        }

        h2 {
            font-size: 0.42rem;
            text-align: center;
            margin: .2rem auto;
        }

        h3 {
            font-size: 0.26rem;
        }


        .pj-name {
            padding: .2rem;
        }


        .list-data {
            display: table;
            border-collapse: collapse;
            width: 100%;
            ;
        }

        .name {
            border-bottom: 2px solid rgba(0, 0, 0, 0.2);
            text-align: center;
            ;
            font-size: 0.28rem;
            display: table;
            width: 100%;
            border-collapse: collapse;
            margin-top: .2rem;
            ;
        }

            .name .col {
                display: table-cell;
                padding: .1rem;
                width: 30%;
                ;
            }

            .name .col-last {
                width: 40%;
                ;
            }

            .name h3 {
                display: inline-block;
                background-color: rgba(0,0,0,.5);
                border-radius: 20px;
                line-height: .5rem;
                ;
                padding: 0 .2rem;
                margin-bottom: .1rem;
                ;
                font-weight: normal;
                color: #fff;
            }

            .name .last {
                border: none;
            }

        .desc {
            padding: .2rem;
        }

            .desc h3 {
                font-size: .34rem;
            }

            .desc div {
                padding: .1rem 0;
                line-height: 1.8em;
                ;
            }

        .row {
            display: table-row;
        }

        .bg {
            background-color: rgba(51, 91, 42, 0.3);
        }

        .row .td {
            display: table-cell;
            padding: .2rem .2rem;
            border-top: 1px solid rgba(0, 0, 0, 0.1);
            background-color: rgba(255, 255, 255, 0.5);
            color: rgba(0, 0, 0, 0.8);
        }

        .row .title {
            width: 30%;
            border-right: 1px solid rgba(0, 0, 0, 0.1);
        }

        .row .last {
            border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        }
    </style>
    <script>
        (function(){
            var Dpr = 1, uAgent = window.navigator.userAgent;
            var isIOS = uAgent.match(/iphone/i);

            var wWidth = (screen.width > 0) ? (window.innerWidth >= screen.width || window.innerWidth == 0) ? screen.width : window.innerWidth : window.innerWidth, wDpr, wFsize;
            var wHeight = (screen.height > 0) ? (window.innerHeight >= screen.height || window.innerHeight == 0) ? screen.height : window.innerHeight : window.innerHeight;
            if (window.devicePixelRatio) {
                wDpr = window.devicePixelRatio;
            } else {
                wDpr = isIOS ? wWidth > 818 ? 3 : wWidth > 480 ? 2 : 1 : 1;
            }
            if(isIOS) {
                wWidth = screen.width;
                wHeight = screen.height;
            }
            if(wWidth > wHeight){
                wWidth = wHeight;
            }
            wFsize = wWidth > 1080 ? 144 : wWidth / 7.5;
            wFsize = wFsize > 32 ? wFsize : 32;
            window.screenWidth_ = wWidth;
            var html=document.getElementsByTagName('html')[0];
            html.dataset.dpr = wDpr;
            html.style.fontSize = wFsize + 'px';

        })();

    </script>
</head>
<body>

    <section class="pj-name">
        <h2>@Model.TitleName</h2>
    </section>

    <section class="list-data">
        <div class="row bg">
            <h3 class="td title">工程名称</h3>
            <div class="td">@Model.ProjectName</div>
        </div>

        <div class="row ">
            <h3 class="td title">主体劳务队</h3>
            <div class="td">@Model.MajorCompany</div>
        </div>

        <div class="row bg">
            <h3 class="td title">工程部分</h3>
            <div class="td">@Model.ConstructionName</div>
        </div>

        <div class="row ">
            <h3 class="td title">浇筑日期</h3>
            <div class="td">@(Model.PouringDate.HasValue ? Model.PouringDate.Value.ToLongDateString() : "无")</div>
        </div>

        <div class="row bg">
            <h3 class="td title">混凝土强度</h3>
            <div class="td">@Model.ConcreteStrength</div>
        </div>

        <div class="row ">
            <h3 class="td title">层高</h3>
            <div class="td">@Model.Height</div>
        </div>

        <div class="row bg ">
            <h3 class="td title">垂直度(<=10)</h3>
            <div class="td">@Model.Verticality</div>
        </div>

        <div class="row ">
            <h3 class="td title">平整度(<=8)</h3>
            <div class="td">@Model.Smoothness</div>
        </div>

        <div class="row bg">
            <h3 class="td title">轴线偏差(<=8)</h3>
            <div class="td">@Model.AxisOffset</div>
        </div>

        <div class="row ">
            <h3 class="td title last">截面尺寸偏差(+8,-5)</h3>
            <div class="td last">@Model.CrossSecDeviation</div>
        </div>
    </section>

    <!--人员信息-->
    <section class="name p-clear-fix">

        <div class="col">
            <h3>责任人</h3>
            <div>@Model.ResponsiblePerson</div>
        </div>

        <div class="col">
            <h3>劳务责任人</h3>
            <div>@Model.ServicePerson</div>
        </div>

        <div class="col col-last">
            <h3>复核人</h3>
            <div>
                @Model.Reviewer
            </div>
        </div>


    </section>

    <!--摘要-->
    <section class="desc">
        <h3>工程概况</h3>
        <div>
            @Model.ProjectProfile
        </div>
    </section>

</body>
</html>
